<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无限极下拉树</title>
<script src="//cdn.bootcss.com/jquery/2.2.2/jquery.min.js" ></script>
<script src="//cdn.bootcss.com/zTree.v3/3.5.33/js/jquery.ztree.all.min.js" defer="defer"></script>
<link href="//cdn.bootcss.com/zTree.v3/3.5.33/css/zTreeStyle/zTreeStyle.min.css" rel="stylesheet">

<style type="text/css">
body{ margin:0; padding:0}
ul,li{ margin:0; padding:0;list-style-type:none}
#d1{margin:0; padding:0; position:absolute;left:186px;top:8px;
	 display:block;
        width:0; 
        height:0;
        border-width:6px;
        border-style:solid;
        border-color:#ddd transparent transparent transparent;
    }
	.input{width:100%}
	.input ul{width:500px;margin:0 auto;display:block}
	.input ul li{ display:inline-block}
</style>
</head>

<body>
<div  class="input input1">
<ul >
<li>单选树<input type="text"  onclick="layerztree(this)" select_id="" placeholder="下拉单选"></li>
<li>选取的ID:<span></span>
<br>选取的name是：<span></span></li>
</ul>
</div>
<p>单选树：一次只能选择一个所需项，返回此项信息
</p>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="input input2">
<ul >
<li><input type="text" onclick="layerztree2(this)" select_id="" placeholder="下拉多选"></li>
<li>选取的ID:<span></span>
<br>选取的name是：<span></span></li>
</ul>
</div>
</body>
</html>
<script src="//cdn.bootcss.com/layer/3.1.0/layer.js"  ></script>
<script src="index.js"></script>